$(function() {
	getLogList();
	dateInit();
	$('#detailLog').on('hide.bs.modal', function () {
		$('#detailLogForm')[0].reset()
	});

 });

function dateInit(){
	laydate.render({
	    	elem: '#start',
	    	type:'date',
	    });
	laydate.render({
		elem: '#end',
		type:'date',
	});
}

function cellStyle(value, row, index) {
	  var classes = ['active', 'success', 'info', 'warning', 'danger'];

	  if (index % 2 === 0 && index / 2 < classes.length) {
	    return {
	      classes: classes[index / 2]
	    };
	  }
	  return {};
	}

	function rowStyle(row, index) {
	  var classes = [ 'success', 'info', 'warning', 'danger'];

	  if (index % 2 === 0 && index / 2 < classes.length) {
	    return {
	      classes: classes[index / 2]
	    };
	  }
	  return {};
	}

//获取用户列表    
function getLogList(){
	$('#logList').bootstrapTable({
		method: 'post',      //请求方式（*）
		contentType:"application/x-www-form-urlencoded; charset=UTF-8",
		url:"/sysLog/getLogList",
	    striped: true,      //是否显示行间隔色
	    cache: false,      //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
	    sortable: true,      //是否启用排序
	    showRefresh: false,  //显示刷新按钮  
	    striped: true,        //是否显示行间隔色
	    sortOrder: "asc",          //排序方式 
	    pagination: true,          //是否显示分页（*）
	    sidePagination: "server",      //分页方式：client客户端分页，server服务端分页（*）
	    minimumCountColumns: 2,    //最少允许的列数
	    clickToSelect: true,    //是否启用点击选中行
	    uniqueId: "id",      //每一行的唯一标识，一般为主键列
	    showToggle:false,     //是否显示详细视图和列表视图的切换按钮
	    queryParams:queryParams,
	    columns: [{  
	    	field : 'checked',
	    	checkbox : true,
    	},{  
    	    field: 'Number',  
    	    title: '序号',  
    	    align: 'center',
    	    formatter: function (value, row, index) {  
    	    	var pageSize = $('#logList').bootstrapTable('getOptions').pageSize;     //通过table的#id 得到每页多少条
			    var pageNumber = $('#logList').bootstrapTable('getOptions').pageNumber; //通过table的#id 得到当前第几页
			    return pageSize * (pageNumber - 1) + index + 1;    // 返回每条的序号： 每页条数 *（当前页 - 1 ）+ 序号
    	    }  
    	},{
	        field: 'username',
	        align: 'center',
	        title: '用户名称'
	    },{
	        field: 'title',
	        align: 'center',
	        title: '方法'
	    },{
	    	field: 'browser',
	    	align: 'center',
	    	title: '浏览器'
	    },{
	        field: 'remoteAddr',
	        align: 'center',
	        title: 'ip',
	    },{
	        field: 'useTime',
	        align: 'center',
	        title: '登录时间',
	        formatter: function (value, row, index) {  
	        	return getFormatDateByLong(value,'yyyy-MM-dd hh:mm:ss');  
     	    }  
	    },{
	        field: 'id',
	        align: 'center',
	        title: '操作',
	        formatter : function(value, row, index) {
				var e = '<a class="btn btn-info btn-xs" href="#" mce_href="#" title="编辑" onclick="detailUser(\''+ value+ '\')"><i class="fa fa-paste"></i> 详情</a>  ';
				return e;
			}
	    }]
	});
	function queryParams(params) {   //设置查询参数
		return{
			pageNumber:(params.offset/params.limit)+1,   // 页码
			pageSize: params.limit, //每页多少条数据
        }
    }
}
function detailUser(logId){
	$('#detailLog').modal({
		keyboard: true
	});
	$.ajax({
		url:"/sysLog/getLogById",
		type:"POST",
		data:{
			"id":logId
		},
		dataType:"json",
		success:function(data){
			if(data!=null){
				$("#detailUserName").val(data.username);
				$("#detailTitle").val(data.title);
				$("#detailUseTime").val(getFormatDateByLong(data.useTime));
				$("#detailBrowser").val(data.browser);
				$("#detailType option[value='"+data.type+"']").attr("selected","selected");  
			}
		}
	});
}


function search(){
	var userName=$("#selectUserName").val();
	var status=$("#selectStatus").val();
	var start=$("#start").val();
	var end=$("#end").val();
	if(start!=null&&start!=""&&end!=null&&end!=""){
		start=new Date(start).getTime();
		end=new Date(end).getTime();
	}
	$("#logList").bootstrapTable('refresh', {url: '/sysLog/getLogList',query:{userName:userName,status:status,startTime:start,endTime:end}}); 
}

function resets(){
	$("#logList").bootstrapTable('refresh', {url: '/sysLog/getLogList'}); 
	$("#selectUserName").val("");
	$("#selectStatus").val("");
	$("#start").val("");
	$("#end").val("");
}

